<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>趣创意 - 官方网站</title>
  <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" crossorigin="anonymous">
  <link rel="stylesheet" href="./lib/jquery-1.11.3.js"/>
</head>
<body>
  @require('./components/header.html', { "name": "home" })
  <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
      </ol>
    
      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img src="./img/2-160613091143V2.jpg" alt="...">
          <div class="carousel-caption">
            ...
          </div>
        </div>
        <div class="item">
          <img src="./img/2-160613091143V2.jpg" alt="...">
          <div class="carousel-caption">
            ...
          </div>
        </div>
        <div class="item">
            <img src="./img/2-160613091143V2.jpg" alt="...">
            <div class="carousel-caption">
              ...
            </div>
          </div>
      </div>
    
      <!-- Controls -->
      <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>
    <!-- banner2 -->
    <div class="banner2">
        <div class="change_btn">
          <em  class="prev"></em>
          <em  class="next"></em>
        </div>
        <div class="v_content">
            <ul class="list clearfix">
                <li>
                   <a href="#"  class="pic"><img class="img-responsive " src="./img/2-161230150R1W9-lp.jpg" alt="机器人大赛" /></a>
                   <div class="title">
                     <p><a href="#">趣创意赛事集结号，风靡全球的RoboRAVE国际机器人大赛来了！</a></p>
                     <a href="#" class="morebtn"></a>
                   </div>
                </li>
                <li>
                    <a href="#"  class="pic"><img class="img-responsive " src="./img/2-161230150R1W9-lp.jpg" alt="机器人大赛" /></a>
                    <div class="title">
                      <p><a href="#">趣创意赛事集结号，风靡全球的RoboRAVE国际机器人大赛来了！</a></p>
                      <a href="#" class="morebtn"></a>
                    </div>
                 </li>
                 <li>
                    <a href="#"  class="pic"><img class="img-responsive " src="./img/2-161230150R1W9-lp.jpg" alt="机器人大赛" /></a>
                    <div class="title">
                      <p><a href="#">趣创意赛事集结号，风靡全球的RoboRAVE国际机器人大赛来了！</a></p>
                      <a href="#" class="morebtn"></a>
                    </div>
                 </li>
                 <li>
                    <a href="#"  class="pic"><img class="img-responsive " src="./img/2-161230150R1W9-lp.jpg" alt="机器人大赛" /></a>
                    <div class="title">
                      <p><a href="#">趣创意赛事集结号，风靡全球的RoboRAVE国际机器人大赛来了！</a></p>
                      <a href="#" class="morebtn"></a>
                    </div>
                 </li>
                 <li>
                    <a href="#"  class="pic"><img class="img-responsive " src="./img/2-161230150R1W9-lp.jpg" alt="机器人大赛" /></a>
                    <div class="title">
                      <p><a href="#">趣创意赛事集结号，风靡全球的RoboRAVE国际机器人大赛来了！</a></p>
                      <a href="#" class="morebtn"></a>
                    </div>
                 </li>
                 <li>
                    <a href="#"  class="pic"><img class="img-responsive " src="./img/2-161230150R1W9-lp.jpg" alt="机器人大赛" /></a>
                    <div class="title">
                      <p><a href="#">趣创意赛事集结号，风靡全球的RoboRAVE国际机器人大赛来了！</a></p>
                      <a href="#" class="morebtn"></a>
                    </div>
                 </li>
            </ul>
        </div>
    </div>
    <!-- content部分 -->
    <div class="container-fluid">
      <div class="container-box bg">
          <h3 class="c-title">给孩子一个快乐的童年</h3>
      </div>
      <div class="container">
        <div class="row border">
          <div class="col-sm-4 col-md-4 border">
            <div class="text1">
              <img src="./img/66.jpg" alt="">
              <div class="text-title">
                <h3>科学课程</h3>
                <p>针对3-16岁青少儿提供科技教育，以风靡欧美等发达国家的科技教具为载体，通过“做中学”，培养孩子的创造力。</p>
                <ul class="clearfix">
                  <li> <a href="#">学龄前课程</a></li>
                  <li> <a href="#">学龄后课程</a></li>
                  <li> <a href="#">机器人赛事</a></li>
                  <li> <a href="#">教学理念</a></li>
                </ul>
              </div>
            </div>
          </div>
          <div class="col-sm-4 col-md-4 border">
            <div class="text1">
              <img src="./img/66.jpg" alt="">
              <div class="text-title tes2">
                <h3>科学课程</h3>
                <p>针对3-16岁青少儿提供科技教育，以风靡欧美等发达国家的科技教具为载体，通过“做中学”，培养孩子的创造力。</p>
                <ul class="clearfix ">
                  <li> <a href="#">学龄前课程</a></li>
                  <li> <a href="#">学龄后课程</a></li>
                  <li> <a href="#">机器人赛事</a></li>
                  <li> <a href="#">教学理念</a></li>
                </ul>
              </div>
            </div>
          </div>
          <div class="col-sm-4 col-md-4 border">
            <div class="text3">
              <div class="t3-qcy-yw">
                <a href="#">
                  <img src="./img/dbimage.png" alt="">
                </a>
              </div>
              <div class="sign-t3">
                <h4>申请免费试听</h4>
                <form action="">
                  <div class="input-bg">
                    <input type="text" placeholder="*宝宝姓名" name="" maxlength="10"/>
                  </div>
                  <div class="input-bg">
                      <input type="text" placeholder="*宝宝生日" name="" maxlength="10"/>
                  </div>
                  <div class="input-bg">
                    <a href="#" class="btn-ques"></a>
                    <input type="text" placeholder="*手机号码" name="" maxlength="11"/>
                    <div class="btn-answ">
                      <p id="answp">
                          请留下您的电话, 以便我们的客服代表与您联系, 也便于您获取我们的活动及优惠讯息短信。我们确保不会将您的信息透露给卡巴及其成员公司以外的任何第三方。
                      </p>
                      <div class="answp-b"></div>
                    </div>
                  </div>
                  <div class="input-bg">
                      <select name="qcy-course" id="">
                        <option value="*选择课程">*选择课程</option>
                        <option value="科学课程">*科学课程</option>
                        <option value="逻辑思维">*逻辑思维</option>
                        <option value="机器人">*机器人</option>
                      </select>
                  </div>
                  <div class="input-bg">
                      <select name="qcy-how" id="">
                        <option value="*选择课程">*获知渠道</option>
                        <option value="百度搜索">*百度搜索</option>
                        <option value="百度搜索">*百度搜索</option>
                        <option value="百度搜索">*百度搜索</option>
                        <option value="百度搜索">*百度搜索</option>
                        <option value="百度搜索">*百度搜索</option>
                        <option value="百度搜索">*百度搜索</option>
                        <option value="百度搜索">*百度搜索</option>
                      </select>
                  </div>
                  <div class="user-agree">
                      我已阅读并接受
                      <a href="#">法律条款</a>
                      <p>
                          成功预约后，趣创意的课程顾问会在一个工作日内与您取得联系。
                      </p>
                      <input type="submit" value="马上申请"/>
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-sm-4 col-md-4 border">
            <div class="qcy text4 qcy-t2">
              <a href="#">
                <img src="./img/logoat2.jpg" alt="">
              </a>
              <div class="qcy-about">
                  <h3>
                    <a href="#">了解趣创意</a>
                  </h3>
              </div>
            </div>
          </div>
          <div class="col-sm-4 col-md-4 border">
            <div class="qcy text4 qcy-t2">
                <a href="#">
                  <img src="./img/indexff.jpg" alt="">
                </a>
                <div class="qcy-about q-robot">
                    <h3>
                      <a href="#">机器人赛事</a>
                    </h3>
                </div>
            </div>
          </div>
          <div class="col-sm-4 col-md-4 border">
            <div class="qcy text4 qcy-t2">
                <a href="#">
                  <img src="./img/indexff.jpg" alt="">
                </a>
                <div class="qcy-about q-dt">
                    <h3>
                      <a href="#">趣创意动态</a>
                    </h3>
                </div>
            </div>
          </div>
        </div>
      </div>
      <div class="conainer-box-btm"></div>
    </div>
      <div style="height:1400px"></div>
    @require('./components/footer.html', { "name": "home" })
</body>

</html>
